import React from 'react';
import styles from './index.module.scss';
import Typography from '../../typography';
import { nanoid } from 'nanoid';

const { Text } = Typography;
const RecommentMain = ({ data }) => {
  return (
    <div className={styles.recommentMain}>
      {data.map((item) => {
        return (
          <div className={styles.recommentItem} key={nanoid()}>
            <Text>{item}</Text>
          </div>
        );
      })}
    </div>
  );
};

export default RecommentMain;
